*{
    margin:0;
    padding:0;
}
.header{
    width: 100%;
    height: 82px;
    background-color: #fff;
}
.header .header-img{
    background-image:url(img/img1.png);
    background-repeat:no-repeat;
    background-position:0 -600px;
    width: 321px;
    height: 82px;
    display:inline-block;
    float:left;
}
.clear{
    clear:both;
}
.header-zi{
    width: 470px;
    height: 82px;
    float:right;
    margin-top:-78px;
}
.clear{
    clear:both;
}
.header-zi span{
    text-align: center;
    float: left;
    display: block;
    width: 94px;
    height: 82px;
    font-size: 18px;
    line-height: 82px;
}
.header-zi span:hover{
    color: #fefefe;
    background-color: #313435;
}
.header-zi .shouye{
    color: #fefefe;
    background-color: #313435;
}
.middle-box{
   width: 100%;
   height: 430px;
}
.middle-box-img{
    height:430px;
}
.middle-img{
    background-image:url(img/img2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    max-width:1900px;
    height: 372px;
    background-size:100%;
}
.middle-box-bottom{
    width: 100%;
    height: 61px;
    display: inline-block;
    margin-top: -4px;
    background-color:#EFEFEF;
    position:relative;
}
.middle-box-bottom ul{
    position: absolute;
    top:14px;
    left:431px;
}
.middle-box-bottom ul li{
   list-style:none;
   padding:0 27px;
}
.middle-box-bottom .li-1 a{
   background-image:url(img/img1.png); 
   background-repeat:no-repeat;
   display:inline-block;
   width: 43px;
   height: 35px;
   background-position: -399px -46px;
}
.middle-box-bottom ul li{
    border-right: 2px solid #e5e5e5;
    display:inline-block;
    height: 35px; 
}
.middle-box-bottom .li-2 a{
   background-image:url(img/img1.png); 
   background-repeat:no-repeat;
   display:inline-block;
    width: 37px;
    height: 35px;
    background-position: -400px -100px;
}
.middle-box-bottom .li-3 a{
   background-image:url(img/img1.png); 
   background-repeat:no-repeat;
   display:inline-block;
    width: 39px;
    height: 34px;
    background-position: -502px -1px;
}
.middle-box-bottom .li-4 a{
   background-image:url(img/img1.png); 
   background-repeat:no-repeat;
   display:inline-block;
    width: 37px;
    height: 34px;
    background-position: -500px -100px;
}
.middle-box-bottom .li-5 a{
   background-image:url(img/img1.png); 
   background-repeat:no-repeat;
   display:inline-block;
    width: 38px;
    height: 34px;
    background-position: -500px -200px;
}
.middle-box-bottom .li-1 a:hover{
    background-position:-449px -46px;
}
.middle-box-bottom .li-2 a:hover{
    background-position:-450px -100px;
}
.middle-box-bottom .li-3 a:hover{
    background-position:-502px -51px;
}
.middle-box-bottom .li-4 a:hover{
    background-position:-500px -150px;
}
.middle-box-bottom .li-5 a:hover{
    background-position:-500px -250px;
}
.bottom-box-img{
    float:left;
}
.bottom-box-img img{
    width: 479px;
    position: relative;
    left:50px;
    margin-left: -94px;
}
.bottom-box .bottom-box-zi{
    float:left;
    width: 483px;
    background-color:#fff;
    position:relative;
    z-index:9;
}
.bottom-box .bottom-box-zi li{
    list-style:none;
    padding:0 62px 0 40px;
    height: 46px;
    line-height:46px;
    border-top:1px solid #eee;
    position:relative;
    z-index:9;
    display: block;
    color: #999;
    font-family: 'microsoft yahei';
}
.bottom-box .bottom-box-zi li i{
    background-image:url(img/img1.png);
    background-repeat:no-repeat;
    background-position:-600px -400px;
    width: 15px;
    height: 20px;
    position:absolute;
    left: -15px;
    top: 15px;
    display:none;
}
.bottom-box .bottom-box-zi li.title-li{
    cursor:default;
    text-align:center;
    font-size:18px;
    color: #343434;
}
.bottom-box .bottom-box-zi li.title-li span{
    color: #aaa;
    padding-left: 11px;
    float: none;
    font-size: 16px;
}
.bottom-box .bottom-box-zi li span{
    font-size:12px;
    float:right;
}
.bottom-box .bottom-box-zi li:hover i{
    display:block;
    cursor:pointer;
}
.bottom-box .bottom-box-zi li:hover{
    background-color:#f4fcfe;
    color:#555;
}
.bottom-box .bottom-box-zi li:hover span{
    color:#555;
}
.bottom-box .bottom-box-zi li:hover.title-li span{
   color: #aaa;
}
.clear{
    clear:both;
}
.bottom-box-right{
    float:left;
    height: 235px
}
.box-right-tga{
    float:right;
    height: 235px;
}
.right-tga-zi{
    position:relative;
    margin-left: 235px;
    top: -212px;
    left: 10px;
}
.right-tga-zi i{
    background-image:url(img/img1.png);
    background-repeat:no-repeat;
    background-position:-600px -400px;
    width: 15px;
    height: 20px;
    position: absolute;
    left:-25px;
    bottom:129px;
    display: block;
}
.right-tga-zi h3{
    font-size: 24px;
    line-height: 36px;
    color: #343434;
    font-weight: normal;
}
.right-tga-zi span{
    line-height: 26px;
    color: #787878;
    width: 233px;
    height: 130px;
    font-family: 'microsoft yahei';
    display:block;
}
.footer{
    height: 50px;
    background-color: #e7e7e7;
    width: 100%;
    float: left;
    margin-top: -2px;
}
.footer p{
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-indent: 20px;
    color: #999;
}